﻿<!DOCTYPE html>
<html lang="en">

<head>
    <title>QuicBoar</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">

    <!-- Start Include All CSS -->
    <link rel="stylesheet" href="/static/css/bootstrap.css" />
    <link rel="stylesheet" href="/static/css/font-awesome.min.css" />
    <link rel="stylesheet" href="/static/css/elegant-icons.css" />
    <link rel="stylesheet" href="/static/css/themify-icons.css" />
    <link rel="stylesheet" href="/static/css/animate.css" />
    <link rel="stylesheet" href="/static/css/owl.carousel.min.css">
    <link rel="stylesheet" href="/static/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="/static/css/slick.css">
        <link rel="stylesheet" href="/static/css/nice-select.css">
    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="/static/css/lightcase.css">
    <link rel="stylesheet" href="/static/css/preset.css" />
    <link rel="stylesheet" href="/static/css/theme.css" />
    <link rel="stylesheet" href="/static/css/responsive.css" />
    <!-- End Include All CSS -->

    <!-- Favicon Icon -->
    <link rel="icon" type="image/png" href="/static/images/favicon.png">
    <!-- Favicon Icon -->
</head>

<body>

    <!-- Preloader Icon -->
    <div class="preloader">
        <div class="loaderInner">
            <div id="top" class="mask">
                <div class="plane"></div>
            </div>
            <div id="middle" class="mask">
                <div class="plane"></div>
            </div>
            <div id="bottom" class="mask">
                <div class="plane"></div>
            </div>
            <p>LOADING...</p>
        </div>
    </div>
    <!-- Preloader Icon -->

    <!-- Header Start -->
    <header class="header-01 sticky">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <nav class="navbar navbar-expand-lg">
                        <!-- logo Start-->
                        <a class="navbar-brand" href="/index/">
                            <img src="/static/images/logo.png" alt="">
                            <img class="sticky-logo" src="/static/images/logo4.png" alt="">
                        </a>
                        <!-- logo End-->

                        <!-- Moblie Btn Start -->
                        <button class="navbar-toggler" type="button">
                            <i class="fal fa-bars"></i>
                        </button>
                        <!-- Moblie Btn End -->

                        <!-- Nav Menu Start -->
                        <div class="collapse navbar-collapse">
                            <ul class="navbar-nav">
                                <li class="menu-item-has-children">
                                    <a href="/index/">Home</a>
                                </li>
                                <li class="menu-item-has-children">
                                    <a href="#courses">Courses</a>
                                </li>
                                <li class="menu-item-has-children">
                                    <a href="/aboutus/">About</a>
                                    <ul class="sub-menu">
                                        <li><a href="/aboutus/">About US</a></li>
                                        <li><a href="/instructor/">Instructor</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="/contact/">Contact</a>
                                </li>
                            </ul>
                        </div>
                        <!-- Nav Menu End -->

                        <!-- User Btn -->
                        <a href="#" class="user-btn"><i class="ti-user"></i></a>
                        <!-- User Btn -->

                        <!-- Join Btn -->
                        <a href="#" class="join-btn">Join for Free</a>
                        <!-- Join Btn -->
                    </nav>
                </div>
            </div>
        </div>
    </header>
    <!-- Header End -->

    <!-- Hero Banner Start -->
    <section class="hero-banner-1" style="background-image: url(/static/images/home/banner.png);">
        <!-- shape -->
        <div class="shape-wrap">
            <div class="b-shape-1">
                <img src="/static/images/home/shape-1.png" alt="">
            </div>
            <div class="b-shape-2">
                <img src="/static/images/home/shape-2.png" alt="">
            </div>
            <div class="b-shape-3">
                <img src="/static/images/home/shape-3.png" alt="">
            </div>
            <div class="b-shape-4">
                <img src="/static/images/home/shape-4.png" alt="">
            </div>
        </div>
        <!-- shape -->
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-5">
                    <div class="hero-content">
                        <h2>Your courses to success with Quicboar</h2>
                        <p>
                           Would you like to enrich your life or improve your insight? Would you like to equip your kids with greater knowledge or skills ? Quicboar is the top choice for exploration and study. This is the first website that ever provides  customized services to each and every community member. Join us now to start your wonderful learning journey!
                        </p>
                        <a href="#courses" class="bisylms-btn">Ready to Get Started?</a>
                    </div>
                </div>
                <div class="col-lg-7 col-md-7">
                    <div class="banner-thumb">
                        <img src="/static/images/home/layer_new.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Banner End -->

    <!-- Course Start -->
    <section class="popular-course-section" id="courses">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <h2 class="sec-title"><span>Explore</span> Our Popular Courses</h2>
                </div>
                <div class="col-md-4">
                    <a class="read-more" href="#">Browse Online Courses<i class="arrow_right"></i></a>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="course-wrapper">
                        <div class="course-item-1 text-center">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="74" height="60" viewBox="0 0 74 60">
                                <defs>
                                    <style>
                                        .cls-1 {
                                            fill: url(#pattern);
                                        }

                                    </style>
                                    <pattern id="pattern" preserveAspectRatio="xMidYMid slice" width="100%" height="100%" viewBox="0 0 74 60">
                                        <image width="74" height="60" xlink:href="/static/images/home/desktop1-image.png" />
                                    </pattern>
                                </defs>
                                <path id="desktop1" class="cls-1" d="M0,0H74V60H0Z" />
                            </svg>
                            <h4><a href="">Computer Science: 186 learners</a></h4>
                        </div>
                        <div class="course-item-1 text-center">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64">
                                <image id="data" width="64" height="64" xlink:href="/static/images/home/data-image.png" />
                            </svg>
                            <h4><a href="">Data Analysis: 68 learners</a></h4>
                        </div>
                        <div class="course-item-1 text-center">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="74" height="70" viewBox="0 0 74 70">
                                <image id="proposal" width="74" height="70" xlink:href="/static/images/home/proposal-image.png" />
                            </svg>
                            <h4><a href="">Business and Management: 179 learners</a></h4>
                        </div>
                        <div class="course-item-1 text-center">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="80" height="67" viewBox="0 0 80 67">
                                <image id="chat" width="80" height="67" xlink:href="/static/images/home/chat-image.png" />
                            </svg>
                            <h4><a href="">Social Sciences: 108 learners</a></h4>
                        </div>
                        <div class="course-item-1 text-center">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="58" height="73" viewBox="0 0 58 73">
                                <image id="mind" width="58" height="73" xlink:href="/static/images/home/mind-image.png" />
                            </svg>
                            <h4><a href="">Biology and Life Science: 80 learners</a></h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mt-120">
                <div class="col-lg-7 col-md-6">
                    <div class="ab-thumb">
                        <img src="/static/images/home/1_new.png" alt="">
                    </div>
                </div>
                <div class="col-lg-5 col-md-6">
                    <div class="ab-content">
                        <h3>I will stay with you until you achieve your goal.</h3>
                        <p class="mid-item">Self-learning suits your schedule and progress the best.</p>
                        <p>
                            In Quicboar, you will meet thousands of professional teachers with great experiences, who are sure to provide specialized courses acorss all disciplines, covering your areas of interest! You may ask any questions and get immediate response. These teachers will guide you with patience, so that you will uptake skills and concepts and apply them in the future.
                        </p>
                        <a class="bisylms-btn" href=".popular-course-section">Know More</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Course End -->

    <!-- Feature Course Start -->
    <section class="feature-course-section">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <h2 class="sec-title"><span>Find the Right</span> Online Course for you</h2>
                </div>
                <div class="col-md-7">
                    <ul class="shaf-filter">
                        <li class="active" data-group="all">All</li>
                        <li data-group="development">Web Development</li>
                        <li data-group="architecture">Architecture</li>
                        <li data-group="engineering">Engineering</li>
                        <li data-group="science">Data Science</li>
                    </ul>
                </div>
            </div>
            <div class="row shafull-container">
                <div class="col-lg-4 col-md-6 shaf-item" data-groups='["all", "science", "engineering"]'>
                    <div class="feature-course-item">
                        <div class="flipper">
                            <div class="front">
                                <div class="fcf-thumb">
                                    <img src="/static/images/home/course/1.png" alt="">
                                </div>
                                <p>Computer Science</p>
                                <h4>Using Creative Problem Solving</h4>
                                <div class="fcf-bottom">
                                    <a href="#"><i class="icon_book_alt"></i>10 Lessons</a>
                                    <a href="#"><i class="icon_profile"></i>142</a>
                                </div>
                            </div>
                            <div class="back">
                                <div class="fcf-thumb">
                                    <img src="/static/images/home/course/1.png" alt="">
                                </div>
                                <a href="#" class="c-cate">Computer Science</a>
                                <h4><a href="#">Using Creative Problem Solving</a></h4>
                                <div class="ratings">
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <span>4.5 (1 Reviews)</span>
                                </div>
                                <div class="course-price">
                                    $38.00
                                    <span>$50.00</span>
                                </div>
                                <div class="author">
                                    <img src="/static/images/home/course/author.png" alt="">
                                    <a href="#">Anthony</a>
                                </div>
                                <div class="fcf-bottom">
                                    <a href="#"><i class="icon_book_alt"></i>10 Lessons</a>
                                    <a href="#"><i class="icon_profile"></i>142</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 shaf-item" data-groups='["all", "architecture"]'>
                    <div class="feature-course-item">
                        <div class="flipper">
                            <div class="front">
                                <div class="fcf-thumb">
                                    <img src="/static/images/home/course/2.png" alt="">
                                </div>
                                <p>Art & Design</p>
                                <h4>The Art of Black and White Photography</h4>
                                <div class="fcf-bottom">
                                    <a href="#"><i class="icon_book_alt"></i>14 Lessons</a>
                                    <a href="#"><i class="icon_profile"></i>203</a>
                                </div>
                            </div>
                            <div class="back">
                                <div class="fcf-thumb">
                                    <img src="/static/images/home/course/2.png" alt="">
                                </div>
                                <a href="#" class="c-cate">Art & Design</a>
                                <h4><a href="#">The Art of Black and White Photography</a></h4>
                                <div class="ratings">
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <span>4.5 (2 Reviews)</span>
                                </div>
                                <div class="course-price">
                                    $36.00
                                    <span>$60.00</span>
                                </div>
                                <div class="author">
                                    <img src="/static/images/home/course/author.png" alt="">
                                    <a href="#">Anthony</a>
                                </div>
                                <div class="fcf-bottom">
                                    <a href="#"><i class="icon_book_alt"></i>14 Lessons</a>
                                    <a href="#"><i class="icon_profile"></i>203</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 shaf-item" data-groups='["all", "development"]'>
                    <div class="feature-course-item">
                        <div class="flipper">
                            <div class="front">
                                <div class="fcf-thumb">
                                    <img src="/static/images/home/course/3.png" alt="">
                                </div>
                                <p>Business Study</p>
                                <h4>Learning jQuery Mobile for Beginners</h4>
                                <div class="fcf-bottom">
                                    <a href="#"><i class="icon_book_alt"></i>9 Lessons</a>
                                    <a href="#"><i class="icon_profile"></i>76</a>
                                </div>
                            </div>
                            <div class="back">
                                <div class="fcf-thumb">
                                    <img src="/static/images/home/course/3.png" alt="">
                                </div>
                                <a href="#" class="c-cate">Business Study</a>
                                <h4><a href="#">Learning jQuery Mobile for Beginners</a></h4>
                                <div class="ratings">
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <span>4.5 (2 Reviews)</span>
                                </div>
                                <div class="course-price">
                                    $30.00
                                    <span>$40.00</span>
                                </div>
                                <div class="author">
                                    <img src="/static/images/home/course/author.png" alt="">
                                    <a href="#">Anthony</a>
                                </div>
                                <div class="fcf-bottom">
                                    <a href="#"><i class="icon_book_alt"></i>9 Lessons</a>
                                    <a href="#"><i class="icon_profile"></i>76</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 shaf-item" data-groups='["all", "development"]'>
                    <div class="feature-course-item">
                        <div class="flipper">
                            <div class="front">
                                <div class="fcf-thumb">
                                    <img src="/static/images/home/course/4.png" alt="">
                                </div>
                                <p>Web Development</p>
                                <h4>Making Music with Other People</h4>
                                <div class="fcf-bottom">
                                    <a href="#"><i class="icon_book_alt"></i>12 Lessons</a>
                                    <a href="#"><i class="icon_profile"></i>124</a>
                                </div>
                            </div>
                            <div class="back">
                                <div class="fcf-thumb">
                                    <img src="/static/images/home/course/4.png" alt="">
                                </div>
                                <a href="#" class="c-cate">Web Development</a>
                                <h4><a href="#">Making Music with Other People</a></h4>
                                <div class="ratings">
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <span>4.5 (2 Reviews)</span>
                                </div>
                                <div class="course-price">
                                    $45.00
                                    <span>$55.00</span>
                                </div>
                                <div class="author">
                                    <img src="/static/images/home/course/author.png" alt="">
                                    <a href="#">Anthony</a>
                                </div>
                                <div class="fcf-bottom">
                                    <a href="#"><i class="icon_book_alt"></i>12 Lessons</a>
                                    <a href="#"><i class="icon_profile"></i>124</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 shaf-item" data-groups='["all", "engineering"]'>
                    <div class="feature-course-item">
                        <div class="flipper">
                            <div class="front">
                                <div class="fcf-thumb">
                                    <img src="/static/images/home/course/4.png" alt="">
                                </div>
                                <p>UI/UXDesign</p>
                                <h4>Fundamentals of<br> UI Design</h4>
                                <div class="fcf-bottom">
                                    <a href="#"><i class="icon_book_alt"></i>8 Lessons</a>
                                    <a href="#"><i class="icon_profile"></i>102</a>
                                </div>
                            </div>
                            <div class="back">
                                <div class="fcf-thumb">
                                    <img src="/static/images/home/course/4.png" alt="">
                                </div>
                                <a href="#" class="c-cate">UI/UXDesign</a>
                                <h4><a href="#">Fundamentals of<br> UI Design</a></h4>
                                <div class="ratings">
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <span>4.5 (2 Reviews)</span>
                                </div>
                                <div class="course-price">
                                    $40.00
                                    <span>$50.00</span>
                                </div>
                                <div class="author">
                                    <img src="/static/images/home/course/author.png" alt="">
                                    <a href="#">Anthony</a>
                                </div>
                                <div class="fcf-bottom">
                                    <a href="#"><i class="icon_book_alt"></i>8 Lessons</a>
                                    <a href="#"><i class="icon_profile"></i>102</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 shaf-item" data-groups='["all", "science"]'>
                    <div class="feature-course-item">
                        <div class="flipper">
                            <div class="front">
                                <div class="fcf-thumb">
                                    <img src="/static/images/home/course/6.png" alt="">
                                </div>
                                <p>Data Science</p>
                                <h4>Buddhism and Modern Psychology</h4>
                                <div class="fcf-bottom">
                                    <a href="#"><i class="icon_book_alt"></i>18 Lessons</a>
                                    <a href="#"><i class="icon_profile"></i>228</a>
                                </div>
                            </div>
                            <div class="back">
                                <div class="fcf-thumb">
                                    <img src="/static/images/home/course/6.png" alt="">
                                </div>
                                <a href="#" class="c-cate">Data Science</a>
                                <h4><a href="#">Buddhism and Modern Psychology</a></h4>
                                <div class="ratings">
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <i class="icon_star"></i>
                                    <span>4.5 (2 Reviews)</span>
                                </div>
                                <div class="course-price">
                                    $65.00
                                    <span>$75.00</span>
                                </div>
                                <div class="author">
                                    <img src="/static/images/home/course/author.png" alt="">
                                    <a href="#">Anthony</a>
                                </div>
                                <div class="fcf-bottom">
                                    <a href="#"><i class="icon_book_alt"></i>18 Lessons</a>
                                    <a href="#"><i class="icon_profile"></i>228</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Feature Course End -->

    <!-- Cta Start -->
    <section class="cta-section" style="background-image: url(/static/images/home/cta-bg.jpg);">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="sec-title"><span>Online human-computer interaction courses</span> From 1,000+ Top teachers </h2>
                    <p>
                        -Exploring Self-adapted Learning Model<br>
                        -Applying Professional Teaching Theory<br>
                        -Help more people with semi-public classes<br>
                    </p>
                    <a href="#" class="bisylms-btn">Join our family</a>
                </div>
            </div>
        </div>
    </section>
    <!-- Cta End -->

    <!-- Video Start -->
    <div class="video-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 offset-lg-1 text-center">
                    <div class="video-banner" style="background-image: url(/static/images/home/video-bg.jpg);">
                        <a class="popup-video" href="https://player.vimeo.com/video/691765703" data-rel="lightcase"><i class="fas fa-play"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Video End -->

    <!-- Event Start -->
    <section class="event-section">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="sec-title"><span>Try Now</span> Upcoming Courses</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="event-item-1">
                        <div class="e-date">24 <span>Jun</span></div>
                        <!--<p><i class="icon_pin_alt"></i>New York, US</p>-->
                        <h4><a href="single-event.html">Consumer Food Safety Education Conference</a></h4>
                        <a class="bisylms-btn" href="#">Know it in advance</a>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="event-item-1">
                        <div class="e-date">27 <span>July</span></div>
                        <!--<p><i class="icon_pin_alt"></i>Vancouver, Canada</p>-->
                        <h4><a href="single-event.html">Build Education Website Using WordPress</a></h4>
                        <a class="bisylms-btn" href="#">Know it in advance</a>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="event-item-1">
                        <div class="e-date">16 <span>Nov</span></div>
                        <!--<p><i class="icon_pin_alt"></i>Chicago, US</p>-->
                        <h4><a href="single-event.html">How Meditation Improve your Mental Health?</a></h4>
                        <a class="bisylms-btn" href="#">Know it in advance</a>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="event-item-1">
                        <div class="e-date">13 <span>Nov</span></div>
                        <!--<p><i class="icon_pin_alt"></i>Texas, US</p>-->
                        <h4><a href="single-event.html">Understanding Luxury Fashion in a Changing</a></h4>
                        <a class="bisylms-btn" href="#">Know it in advance</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 text-center">
                    <a class="read-more" href="#">View all Events<i class="arrow_right"></i></a>
                </div>
            </div>
        </div>
    </section>
    <!-- Event End -->

    <!-- Package Start -->
    <section class="package-section" style="background-image: url(/static/images/home/package-bg.jpg);" id="join_us">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="sec-title"><span>Online Learning</span> Offers 3 Types of Membership Packages</h2>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-md-12">
                    <div id="card-slider" class="pack-slider">
                        <div class="package-item">
                            <div class="pack-thumb">
                                <!--<img src="/static/images/home/p1.jpg" alt="">-->
                                <div class="pack-middle">
                                    <img src="/static/images/home/gold_new.png" alt="">
                                </div>
                            </div>
                            <div class="pack-details">
                                <!--<div class="pack-price"><span>$750</span> $450 / 2 Year(s)</div>-->
                                <h3>Gold Membership</h3>
                                <!--<div class="pack-meta">
                                    <span><i class="icon_book_alt"></i>12 Lessons</span>
                                    <span><i class="icon_toolbox_alt"></i>3 Classes</span>
                                </div>-->
                                <p>
                                    permanent membership at a price of $600 for your unlimited lessons and resources
                                </p>
                                <a href="#" class="bisylms-btn">Apply Now</a>
                            </div>
                        </div>
                        <div class="package-item">
                            <div class="pack-thumb">
                                <!--<img src="/static/images/home/p2.jpg" alt="">-->
                                <div class="pack-middle">
                                    <img src="/static/images/home/silver_new.png" alt="">
                                </div>
                            </div>
                            <div class="pack-details">
                                <!--<div class="pack-price"><span>$750</span> $450 / 2 Year(s)</div>-->
                                <h3>Silver Membership</h3>
                                <!--<div class="pack-meta">
                                    <span><i class="icon_book_alt"></i>12 Lessons</span>
                                    <span><i class="icon_toolbox_alt"></i>3 Classes</span>
                                </div>-->
                                <p>
                                    1 month membership at a price of $20 for a month unlimited lessons and resources
                                </p>
                                <a href="#" class="bisylms-btn">Apply Now</a>
                            </div>
                        </div>
                        <div class="package-item">
                            <div class="pack-thumb">
                                <!--<img src="/static/images/home/p3.jpg" alt="">-->
                                <div class="pack-middle">
                                    <img src="/static/images/home/bronze_new.png" alt="">
                                </div>
                            </div>
                            <div class="pack-details">
                                <!--<div class="pack-price"><span>$750</span> $450 / 2 Year(s)</div>-->
                                <h3>Bronze Membership</h3>
                                <!--<div class="pack-meta">
                                    <span><i class="icon_book_alt"></i>12 Lessons</span>
                                    <span><i class="icon_toolbox_alt"></i>3 Classes</span>
                                </div>-->
                                <p>
                                    Enjoy a member price for $5 per course, free tracking services and relevant resources.
                                </p>
                                <a href="#" class="bisylms-btn">Apply Now</a>
                            </div>
                        </div>
                        <div class="package-item">
                            <div class="pack-thumb">
                                <!--<img src="/static/images/home/p1.jpg" alt="">--->
                                <!--<div class="pack-middle">
                                    <img src="/static/images/home/silver.png" alt="">
                                </div>-->
                            </div>
                            <div class="pack-details">
                                <!--<div class="pack-price"><span>$750</span> $450 / 2 Year(s)</div>-->
                                <h3>Free Membership</h3>
                                <!--<div class="pack-meta">
                                    <span><i class="icon_book_alt"></i>12 Lessons</span>
                                    <span><i class="icon_toolbox_alt"></i>3 Classes</span>
                                </div>-->
                                <p>
                                    Every new user may enjoy special-newcomer discount provided by us: $1 per course for the first day
                                </p>
                                <a href="#" class="bisylms-btn">Apply Now</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- Package End -->

    <!-- Blog Start -->
    <section class="blog-section" style="background-image: url(/static/images/home/blog-bg.png);">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="sec-title"><span>Personally Customized</span> learning Revealed in Blogs</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="post-item-1">
                        <img src="/static/images/home/blog/python.png" alt="">
                        <div class="b-post-details">
                            <div class="bp-meta">
                                <a href="#"><i class="icon_clock_alt"></i>April 22, 2020</a>
                                <a href="#"><i class="icon_chat_alt"></i>6 Comments</a>
                            </div>
                            <h3><a href="single-post.html">Python for beginners</a></h3>
                            <a class="read-more" href="single-post.html">Read More<i class="arrow_right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="post-item-1">
                        <img src="/static/images/home/blog/EXCEL.png" alt="">
                        <div class="b-post-details">
                            <div class="bp-meta">
                                <a href="#"><i class="icon_clock_alt"></i>January 24, 2020</a>
                                <a href="#"><i class="icon_chat_alt"></i>4 Comments</a>
                            </div>
                            <h3><a href="single-post.html">Learn more about Excel</a></h3>
                            <a class="read-more" href="single-post.html">Read More<i class="arrow_right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="post-item-1">
                        <img src="/static/images/home/blog/English.png" alt="">
                        <div class="b-post-details">
                            <div class="bp-meta">
                                <a href="#"><i class="icon_clock_alt"></i>March 12, 2020</a>
                                <a href="#"><i class="icon_chat_alt"></i>2 Comments</a>
                            </div>
                            <h3><a href="single-post.html">English for kids</a></h3>
                            <a class="read-more" href="single-post.html">Read More<i class="arrow_right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Blog End -->

    <!-- Footer Section Start -->
    <footer class="footer-1">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="cta-wrapper">
                        <img src="/static/images/home/2_new.png" alt="">
                        <h3>Become a quicker learner with Quicboar!</h3>
                        <a href="#join_us" class="bisylms-btn">Get Started Now</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-3">
                    <aside class="widget">
                        <div class="about-widget">
                            <a href="index.html"><img src="/static/images/logo.png" alt=""></a>
                            <p>
                                Lost the plot Richard you mug cup of tea knackered boot bender.
                            </p>
                            <div class="ab-social">
                                <a class="fac" href="#"><i class="social_facebook"></i></a>
                                <a class="twi" href="#"><i class="social_twitter"></i></a>
                                <a class="you" href="#"><i class="social_youtube"></i></a>
                                <a class="lin" href="#"><i class="social_linkedin"></i></a>
                            </div>
                        </div>
                    </aside>
                </div>
                <div class="col-lg-3 col-md-3">
                    <aside class="widget">
                        <h3 class="widget-title">Explore</h3>
                        <ul>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Success Story</a></li>
                            <li><a href="#">Careers</a></li>
                            <li><a href="#">Resource Center</a></li>
                            <li><a href="#">Courses</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
                    </aside>
                </div>
                <div class="col-lg-3 col-md-3">
                    <aside class="widget">
                        <h3 class="widget-title">Catecories</h3>
                        <ul>
                            <li><a href="#">All Courses</a></li>
                            <li><a href="#">Storytelling & Voice Over</a></li>
                            <li><a href="#">Digital Marketing</a></li>
                            <li><a href="#">Design & Branding</a></li>
                            <li><a href="#">Nanodegree Plus</a></li>
                            <li><a href="#">Veterans</a></li>
                        </ul>
                    </aside>
                </div>
                <div class="col-lg-2 col-md-3">
                    <aside class="widget">
                        <h3 class="widget-title">Support</h3>
                        <ul>
                            <li><a href="#">Help Center</a></li>
                            <li><a href="#">System Requirements</a></li>
                            <li><a href="#">Register Activation Key</a></li>
                            <li><a href="#">Site Feedback</a></li>
                            <li><a href="#">Documentation</a></li>
                            <li><a href="#">Forums</a></li>
                        </ul>
                    </aside>
                </div>
            </div>
            <!-- Copyrigh -->
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="copyright">
                        <p>© 2021 Copyright all Right Reserved Design by <a href="http://www.belongto.cn">QuicBoar</a></p>
                    </div>
                </div>
            </div>
            <!-- Copyrigh -->
        </div>
    </footer>
    <!-- Footer Section End -->

    <!-- Back To Top -->
    <a href="#" id="back-to-top">
        <i class="fal fa-angle-double-up"></i>
    </a>
    <!-- Back To Top -->

    <!-- Start Include All JS -->
    <script src="/static/js/jquery.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/jquery.appear.js"></script>
    <script src="/static/js/owl.carousel.min.js"></script>
    <script src="/static/js/slick.js"></script>
    <script src="/static/js/jquery.nice-select.min.js"></script>
    <script src="/static/js/swiper-bundle.min.js"></script>
    <script src="/static/js/TweenMax.min.js"></script>
    <script src="/static/js/lightcase.js"></script>
    <script src="/static/js/jquery.plugin.min.js"></script>
    <script src="/static/js/jquery.countdown.min.js"></script>
    <script src="/static/js/jquery.easing.1.3.js"></script>
    <script src="/static/js/jquery.shuffle.min.js"></script>

    <script src="/static/js/theme.js"></script>
    <!-- End Include All JS -->

</body>

</html>
